<template>
  <div class="box">
  
        <img :src="images" alt="">
        <div class="hint">
            <h4>萌小宝</h4>
            <p>2017.12.28 <van-icon name="cluster" /></p>
            <p>宝宝第一次见到雪的样子，真是个没见过世面的
宝宝！！！</p>
        </div>
   
  </div>
</template>

<script>
import axios from 'axios'
export default {
    name:'Imgdetails',
    data(){
        return{
            images:''
        }
    },
    mounted() {
        let that = this
      axios({
          url:'http://www.liaotian.com/api/imgdatails'
      }).then(function(data){
          that.images = data.data.data.timg
      })
    },
};
</script>

<style scoped>
    .box{
        left: 20px;
        top: 75px;
        width: 336px;
        height: 511px;
        line-height: 20px;
        border-radius: 12px;
        position: relative;
        font-size: 14px
    }
    .box img{
        height: 100%;
        width: 100%;
       
    }
    .box .hint{
        position: absolute;
        bottom: 0;
        left: 20px;
        width: 294px;
        height: 160px;
        border-top:#bbb 1px solid;
        color: #000

    }
    .box .hint h4{
        height: 36px;
        line-height: 36px;
    }
    .box .hint p{
        margin-bottom: 13px;
        
    }
    .box .hint p .van-icon{
        float: right;
    }
</style>